import type { Config } from 'tailwindcss'

export default {
  content: [
    './index.html',
    './src/**/*.{vue,js,ts,jsx,tsx}',
    './src/components/**/*.{vue,js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      backgroundImage: {
        'avatar-1': 'linear-gradient(180deg, #FFA9D9 0%, #E83D3D 100%)',
        'avatar-2': 'linear-gradient(180deg, #FFA7EB 0%, #F026A8 100%)',
        'avatar-3': 'linear-gradient(180deg, #F5A8FF 0%, #BF23E5 100%)',
        'avatar-4': 'linear-gradient(180deg, #DFA1FF 0%, #9A36F0 100%)',
        'avatar-5': 'linear-gradient(180deg, #C9AAFF 0%, #6D3CF5 100%)',
        'avatar-6': 'linear-gradient(180deg, #9EAAFF 0%, #3846F4 100%)',
        'avatar-7': 'linear-gradient(180deg, #8CD8FF 0%, #2A6AF0 100%)',
        'avatar-8': 'linear-gradient(180deg, #7BE7FF 2%, #1E85E2 100%)',
        'avatar-9': 'linear-gradient(180deg, #92FDFF 0%, #14B2DD 100%)',
        'avatar-10': 'linear-gradient(180deg, #89FED8 0%, #18C997 100%)',
        'avatar-11': 'linear-gradient(180deg, #D7FFA7 0%, #5ED52A 100%)',
        'avatar-12': 'linear-gradient(180deg, #FFED48 0%, #FD9E16 100%)',
        'avatar-13': 'linear-gradient(180deg, #FFDC83 0%, #F88816 100%)',
        'avatar-14': 'linear-gradient(180deg, #FFBA8D 1%, #EB6423 100%)',
      },
    },
  },
  plugins: [],
} satisfies Config
